.collapse {
	.header {
		display: flex;
		align-items: center;
		height: 4rem;
		padding: 0 1rem;
		border: 1px solid var(--color-border-1);

		&.high-light {
			border: 1px solid var(--color-5);
		}

		.title {
			width: 8rem;
			color: var(--color-text-0);
			font-size: var(--text-lg);

			&.high-light {
				color: var(--color-5) !important;
			}
		}

		.desc {
			flex: 1;
		}

		.icon {
			color: var(--color-5);
			cursor: pointer;

			svg {
				vertical-align: middle;
			}
		}
	}

	.panel {
		padding: 1rem 1.5rem;
		border: 1px solid var(--color-border-1);
		border-top: none;
	}

	.hidden {
		display: none;
	}
}
